<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>flowChart</title>
	<link type="text/css" href="semantic-ui-2.2.13/dist/semantic.min.css" rel="stylesheet" />
	<link type="text/css" href="css/graph-creator.css" rel="stylesheet" />
	<link type="text/css" href="css/jquery.mCustomScrollbar.css" rel="stylesheet" />
	<link type="text/css" href="ztree/css/metroStyle/metroStyle.css" rel="stylesheet" />
	<link type="text/css" href="laypage/skin/laypage.css" rel="stylesheet" />
	<link type="text/css" href="css/flowchart.css" rel="stylesheet" />
</head>
<body>
	<div class="subheader editor-toolbar">
		<div class="column pop-btn" data-content="保存" data-position="bottom center" data-variation="mini"><i class="save icon"></i></div>
		<div class="divider"></div>
		<div class="column pop-btn" data-content="剪切" data-position="bottom center" data-variation="mini"><i class="cut icon"></i></div>
		<div class="column pop-btn" data-content="复制" data-position="bottom center" data-variation="mini"><i class="copy icon"></i></div>
		<div class="column pop-btn" id="test-loadXML" data-content="粘贴" data-position="bottom center" data-variation="mini"><i class="paste icon"></i></div>
		<div class="column pop-btn" id="delete-graph" data-content="清空" data-position="bottom center" data-variation="mini"><i class="trash icon"></i></div>
		<div class="column pop-btn" id="delete-ele" data-content="删除" data-position="bottom center" data-variation="mini"><i class="remove icon"></i></div>
		<div class="divider"></div>
		<div class="column pop-btn" data-content="撤销" data-position="bottom center" data-variation="mini"><i class="repeat icon"></i></div>
		<div class="column pop-btn" data-content="恢复" data-position="bottom center" data-variation="mini"><i class="undo icon"></i></div>
		<div class="divider"></div>
		<div class="column pop-btn" id="zoom-enlarge" data-content="放大" data-position="bottom center" data-variation="mini"><i class="zoom icon"></i></div>
		<div class="column pop-btn" id="zoom-narrow" data-content="缩小" data-position="bottom center" data-variation="mini"><i class="zoom out icon"></i></div>
		<div class="column pop-btn" id="reset-zoom" data-content="归位" data-position="bottom center" data-variation="mini"><i class="maximize icon"></i></div>
		<div class="divider"></div>
		<div class="column pop-btn" data-content="导入json" data-position="bottom center" data-variation="mini"><i class="sign in icon"></i></div>
		<div class="column pop-btn small popup" data-content="导出json" data-position="bottom center" data-variation="mini"><i class="sign out icon"></i></div>
		<div class="divider"></div>
		<div class="column pop-btn" id="helper" data-content="将左侧活动拖至编辑区" data-position="bottom center" data-variation="mini"><i class="help circle outline icon"></i></div>
	</div>
	<div class="full clearfix">
		<div id="flowComponents" class="full-left">
			<div class="components-btn noComponent clearfix" name="selectBtn">
				<div><i class="tools select-icon"></i><span>选择</span></div>
			</div>
			<div class="components-btn noComponent" name="addStartEndBtn" draggable="false">
				<div><i class="tools addStartEnd-icon"></i><span>自动插入</span></div>
			</div>
			<div class="components-btn" name="startComponent" type="start" draggable="true" data-show="S">
				<div><i class="tools start-icon"></i><span>开始</span></div>
			</div>
			<div class="components-btn clearfix" name="endComponent" type="end" draggable="true" data-show="E">
				<div><i class="tools end-icon"></i><span>结束</span></div>
			</div>
			<div class="components-btn clearfix" name="ordinaryActivity" type="activity" draggable="true" data-show="普通活动">
				<div><i class="tools ordinary-icon"></i><span>普通活动</span></div>
			</div>
			<div class="components-btn clearfix" name="blockActivity" type="activity" draggable="true" data-show="块活动">
				<div><i class="tools block-icon"></i><span>块活动</span></div>
			</div>
			<div class="components-btn clearfix" name="subFlowActivity" type="activity" draggable="true" data-show="子活动">
				<div><i class="tools subFlow-icon"></i><span>子活动</span></div>
			</div>
			<div class="components-btn clearfix" name="routeActivity" type="activity" draggable="true" data-show="路径活动">
				<div><i class="tools route-icon"></i><span>路径活动</span></div>
			</div>
			<div class="components-btn noComponent clearfix" name="NOROUTING">
				<div><i class="tools line-icon"></i><span>转移</span></div>
			</div>
			<div class="components-btn noComponent clearfix" name="SIMPLEROUTING">
				<div><i class="tools polyline-icon"></i><span>自转移</span></div>
			</div>
			<div class="components-btn noComponent clearfix" name="000ROUTING">
				<div><i class="tools loop-icon"></i><span>循环</span></div>
			</div>
		</div>
		<div class="full-right tab clearfix">
			<div class="ui top attached tabular mini menu">
			  	<a class="item active" data-tab="tab_main">
			  		<i class="remove red icon"></i>过程
			  	</a>
			</div>
			<div class="ui bottom attached tab active" data-tab="tab_main">
			  	<form id="containerForm" method="post" action="">
					<div id="container" class="ui top attached tab active full-right-top view svg-container" data-tab="first">
						<!-- svg -->
					</div>
					<div id="xpdlContainer" class="ui top attached tab view content-div" data-tab="second">
						<xmp>
							<!-- xpdl -->
						</xmp>
					</div>
					<div id="xmlContainer" class="ui top attached tab view content-div" data-tab="third">
						<xmp>
							<!-- xml -->
						</xmp>
					</div>
					<div class="full-right-btn ui bottom attached tabular mini menu">
						<a class="item active" data-tab="first">图标视图</a>
						<a class="item" data-tab="second">xpdl视图</a>
						<a class="item" data-tab="third">xml视图</a>
					</div>
					<div id="propertiesWrapper" class="full-right-bottom">
						<div class="component-name"><i class="angle double down icon"></i><span></span></div>
						<div class="component-prop content-div">
							<!-- activity属性 -->
						</div>
					</div>

					<input name="xpdlcontent" type="hidden" value="">
					<input name="xmlcontent" type="hidden" value="">

					<input type="hidden" id="wFID" name="wFID" value="">
					<input type="hidden" id="wFType" name="wFType" value="money">
					<input type="hidden" id="subType" name="subType" value="">
					<input type="hidden" id="depart" name="depart" value="">
					<input type="hidden" id="departID" name="departID" value="">
					<input type="hidden" id="formName" name="formName" value="">
					<input type="hidden" id="formId" name="formId" value="">
					<input type="hidden" id="formType" name="formType" value="wfd_form">
					<input type="hidden" id="mode" name="mode" value="">
					<input type="hidden" id="dt" name="dt" onFocus="WdatePicker({dateFmt:'dd HH:mm',skin:'blue'});" value="">
					<input type="hidden" id="dataObjectID" name="dataObjectID" value="">
					<input type="hidden" id="securityID" name="securityID" value="">
					<input type="hidden" id="securityName" name="securityName" value="">
					<input type="hidden" id="orderNo" name="orderNo" value="">
				</form>
			</div>
		</div>
	</div>
	<!-- 导入导出弹出层 -->
	<div class="ui segment small modal json_data">
	  	<i class="close icon"></i>
	  	<div class="header">
	   		导入数据
	  	</div>
	  	<div class="content">
	    	<textarea></textarea>
	  	</div>
	  	<div class="actions">
	      	<div class="ui negative button">No </div>
	      	<div class="ui positive right labeled icon button">Yes <i class="checkmark icon"></i> </div>
	    </div>
	</div>
	<!-- 右键菜单 -->
	<div id="rMenu" class="ui vertical mini menu">
		<a class="item" name="removeMenu">删除<i class="remove icon"></i></a>
		<a class="item" name="propMenu">属性<i class="book icon"></i></a>
		<a class="item" name="editMenu">编辑<i class="edit icon"></i></a>
		<a class="item" name="toFront">置前<i class="object ungroup icon"></i></a>
	</div>
	<!-- 属性弹出层 start -->
	<div class="ui coupled modal prop_node">
		<i class="close cancel icon"></i>
	  	<div class="ui pointing secondary menu">
		  <a class="item active" data-tab="one">常规</a>
		  <a class="item" data-tab="two_1">工具</a>
		  <a class="item hideitem" data-tab="two_2">块活动</a>
		  <a class="item hideitem" data-tab="two_3">子工作流</a>
		  <a class="item" data-tab="three">前置条件</a>
		  <a class="item" data-tab="four">后置条件</a>
		  <a class="item" data-tab="five">扩展属性集</a>
		  <a class="item" data-tab="six">超时限制</a>
		  <a class="item" data-tab="seven">高级</a>
		  <a class="item" data-tab="eight">监控信息</a>
		</div>
		<!-- 常规item start -->
		<div class="ui tab segment active" data-tab="one">
			<div class="ui mini form conventional">
				<div class="fields">
				    <div class="five wide field">
				      <label>ID:</label>
				      <input name="ID" type="text" placeholder="ID">
				    </div>
				    <div class="five wide field">
				      <label>名称:</label>
				      <input name="name" type="text" placeholder="名称">
				    </div>
				    <div class="five wide field">
					    <label>类型:</label>
					    <input name="type" type="text" placeholder="类型" readonly>
					</div>
				</div>
				<div class="ui divider hidden"></div>
				<div class="field">
    				<label>参与者集:</label>
					<div class="two fields">
						<div class="five wide field definition_field">
                		  	<select class="ui search dropdown" name="definition_role">
      							<option value="">请选择</option>
      							<option value="0">(空)</option>
							</select>      					
                		</div>
                		<div class="five wide field">
							<button class="ui facebook mini button definitionBtn"><i class="write icon"></i>定义</button>
                		</div>
                	</div>
                </div>
                <div class="fields">
                	<div class="inline field">
    				  	<div class="ui checkbox isTracking">
    				  	  	<input type="checkbox" tabindex="0" class="hidden">
    				  	  	<label>是否全程跟踪</label>
    				  	  	<input type="hidden" name="isResponsible" value="">
    				  	</div>
    				</div>
    				<div class="inline field">
    				  	<div class="ui checkbox isReceiveTask">
    				  	  	<input type="checkbox" tabindex="0" class="hidden">
    				  	  	<label>是否自动接收任务委派</label>
    				  	  	<input type="hidden" name="autoAcceptAllAssignments" value="">
    				  	</div>
    				</div>
				</div>
				<div class="ui divider hidden"></div>
				<div class="fields">
					<div class="five wide field">
					    <label>开始模式:</label>
					    <select name="startMode" class="ui search dropdown">
					    	<option value="">开始模式</option>
					      	<option value="manual">手动</option>
					      	<option value="automatic">自动</option>
					    </select>
					</div>
					<div class="five wide field">
					    <label>完成模式:</label>
					    <select name="finishMode" class="ui search dropdown">
					    	<option value="">完成模式</option>
					      	<option value="manual">手动</option>
					      	<option value="automatic">自动</option>
					    </select>
					</div>
				    <div class="five wide field">
				      	<label>优先级:</label>
				      	<input name="priority" type="text" placeholder="名称">
				    </div>
				</div>
				<div class="fields">
                	<div class="inline field">
    				  	<div class="ui checkbox completeAllAssignmentsDiv">
    				  	  	<input type="checkbox" tabindex="0" class="hidden">
    				  	  	<label>是否多人处理</label>
    				  	  	<input type="hidden" name="completeAllAssignments" value="">
    				  	</div>
    				</div>
    				<div class="inline field">
    				  	<div class="ui checkbox assignmentsOrderDiv">
    				  	  	<input type="checkbox" tabindex="0" class="hidden">
    				  	  	<label>多人处理是否顺序执行</label>
    				  	  	<input type="hidden" name="assignmentsOrder" value="">
    				  	</div>
    				</div>
    				<div class="inline field">
    				  	<div class="ui checkbox">
    				  	  	<input type="checkbox" tabindex="0" class="hidden">
    				  	  	<label>按参与者生成环节实例</label>
    				  	  	<input type="hidden" name="isMulInstance" value="">
    				  	</div>
    				</div>
				</div>
				<div class="field">
    			  	<label>描述：</label>
    			  	<textarea name="description" rows="2"></textarea>
    			</div>
    			<div class="fields">
					<div class="five wide field taskAssign">
					    <label>任务委派规则:</label>
					    
					</div>
					<div class="five wide field MustActivity">
					    <label>必须结束环节:</label>
					    <!-- select_tpl -->
					</div>
				</div>
			</div>
		</div><!-- 常规item end -->
		<!-- 活动属性-工具item start -->
		<div class="ui tab segment" data-tab="two_1">
			<div class="ui mini form grid toolgrid">
			  	<div class="computer only row">
			  		<div class="twelve wide tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">应用</th>
									<th class="two wide">类型</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="s" tabindex="0" class="hidden">
										</div>
									</td>
									<td>1111111</td>
									<td>Aell</td>
								</tr>
								<tr>
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="s" tabindex="0" class="hidden">
										</div>
									</td>
									<td>2222222</td>
									<td>Bell</td>
								</tr>
								<tr>
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="s" tabindex="0" class="hidden">
										</div>
									</td>
									<td>3333333</td>
									<td>Cell</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button toolAddBtn"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button showDialog"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
			  	<div class="toolgrid-empty"></div><!--兼容IE11-->
			</div>
		</div><!-- 活动属性-工具item end -->
		<!-- 活动属性-块活动item start -->
		<div class="ui tab segment" data-tab="two_2">
			<div class="ui mini form">
				<div class="five wide field">
				  	<label>块标识:</label>
				  	<input type="text" placeholder="块标识">
				</div>
			</div>
		</div><!-- 活动属性-块活动item end -->
		<!-- 活动属性-子活动item start -->
		<div class="ui tab segment" data-tab="two_3">
			<div class="ui mini form">
				<div class="fields">
					<div class="five wide field">
					    <label>工作流过程:</label>
					    <select class="ui search dropdown">
					      	<option value="">选择</option>
					      	<option value="1">过程</option>
					    </select>
					</div>
					<div class="five wide field">
					    <label>执行:</label>
					    <select class="ui search dropdown">
					      	<option value="">选择</option>
					      	<option value="0">(空)</option>
					      	<option value="1">同步</option>
					      	<option value="2">异步</option>
					    </select>
					</div>
				</div>
				<div class="ui divider hidden"></div>
				<div class="ui grid toolgrid">
				  	<div class="computer only row">
				  		<div class="twelve wide tablet computer column">
				  			<table class="ui blue sortable selectable celled striped compact table">
								<thead>
									<tr>
										<th class="one wide">选择</th>
										<th class="two wide">应用</th>
										<th class="two wide">类型</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<div class="ui radio checkbox">
												<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
											</div>
										</td>
										<td>1111111</td>
										<td>Aell</td>
									</tr>
									<tr>
										<td>
											<div class="ui radio checkbox">
												<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
											</div>
										</td>
										<td>2222222</td>
										<td>Bell</td>
									</tr>
									<tr>
										<td>
											<div class="ui radio checkbox">
												<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
											</div>
										</td>
										<td>3333333</td>
										<td>Cell</td>
									</tr>
								</tbody>
							</table>
				  		</div>
				    	<div class="three wide column">
				    		<div class="ui vertical">
						    	<button class="ui positive basic mini button"><i class="icon plus"></i> 添 加</button>
								<button class="ui primary basic mini button"><i class="icon write"></i> 编 辑</button>
								<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
						  	</div>
				    	</div>
				  	</div>
				</div>
			</div>
		</div><!-- 活动属性-子活动item end -->
		<!-- 前置条件 start -->
		<div class="ui tab segment" data-tab="three">
			<div class="ui mini form front_condition">
				<div class="five wide field">
				    <label>汇聚类型:</label>
				    <select name="convergeType" class="ui search dropdown convergeType">
				      	<option value="">选择</option>
				      	<option value="0">(空)</option>
				      	<option value="AND">And</option>
				      	<option value="XOR">Xor</option>
				    </select>
				</div>
				<div class="otherOpt">
					<div class="hideDiv">
						<div class="fourteen wide two fields">
							<div class="four wide field syncType">
		                	  	<!-- select_tpl -->
		                	</div>
		                	<div class="five wide field">
							    <input type="text" name="voteText" placeholder="">
							</div>
						</div>
					</div>
					<div class="hideDiv">
						<div class="inline fields">
			              	<label for="isCreateNew_radio">多次进入:</label>
			              	<div class="field">
			              	  	<div class="ui radio checkbox">
			              	  	  	<input type="radio" name="isCreateNew_radio" tabindex="true" class="hidden">
			              	  	  	<label>是</label>
			              	  	</div>
			              	</div>
			              	<div class="field">
			              	  	<div class="ui radio checkbox">
			              	  	  	<input type="radio" name="isCreateNew_radio" tabindex="false" class="hidden">
			              	  	  	<label>否</label>
			              	  	</div>
			              	</div>
			              	<input type="hidden" name="isCreateNew" value="">
			            </div>
		            </div>
					
				</div>
			</div>
			<div class="frontCond-empty"></div>
		</div><!-- 前置条件 end -->
		<!-- 后置条件 start -->
		<div class="ui tab segment" data-tab="four">
			<div class="ui mini form post_condition">
				<div class="inline five wide field">
				    <label>转出类型:</label>
				    <select name="splitType" class="ui search dropdown">
				      	<option value="">选择</option>
				      	<option value="AND">And</option>
				      	<option value="XOR">Xor</option>
				    </select>
				</div>
				<div class="ui horizontal divider">选择目标活动</div>
				<div class="targetActivityShow content-div">
					<div class="ui middle aligned list">
						
					</div>
				</div>
				<div class="targetActivity invisible">
					
				</div>
				
			</div>
		</div><!-- 后置条件 end -->
		<!-- 扩展属性集 start -->
		<div class="ui tab segment" data-tab="five">
			<div class="ui mini form grid extended_attr">
			  	<div class="computer only row">
			  		<div class="twelve wide tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">名</th>
									<th class="two wide">值</th>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button extendAttrAddBtn"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button extendAttrEditBtn"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button extendAttrDelBtn"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
			</div>
			<div class="extAttr-empty"></div>
		</div><!-- 扩展属性集 end -->
		<!-- 超时限制 start-->
		<div class="ui tab segment" data-tab="six">
			<div class="ui mini form timeout_limit">
				<div class="five wide field">
				    <label>限制时间:</label>
				    <input type="text" name="limitTime" placeholder="限制时间">
				</div>
				<div class="five wide field">
    				<label>到达限制时间执行代理:</label>
                	<select name="limitAgentClassName" class="ui search dropdown">
      					<option value="">请选择</option>
      					<option value="">(空)</option>
      					<option value="workflow.sendNext">自动提交</option>
      					<option value="workflow.mailParty">邮件通知参与者</option>
      					<option value="workflow.mailPartyLeader">邮件通知参与者领导</option>
					</select>      					
                </div>
                <div class="five wide field">
				    <label>警告时间:</label>
				    <input type="text" name="warnTime" placeholder="警告时间">
				</div>
				<div class="five wide field">
    				<label>到达警告时间执行代理:</label>
                	<select name="warnAgentClassName" class="ui search dropdown">
      					<option value="">请选择</option>
      					<option value="">(空)</option>
      					<option value="workflow.sendNext">自动提交</option>
      					<option value="workflow.mailParty">邮件通知参与者</option>
      					<option value="workflow.mailPartyLeader">邮件通知参与者领导</option>
					</select>      					
                </div>
                <div class="ui horizontal divider">最终期限集</div>
                <div class="ui grid timeout_limit_grid">
				  	<div class="computer only row">
				  		<div class="twelve wide tablet computer column content-div">
				  			<table class="ui blue sortable selectable celled striped compact table">
								<thead>
									<tr>
										<th>持续时间</th>
									</tr>
								</thead>
								<tbody>
									
								</tbody>
							</table>
				  		</div>
				    	<div class="three wide column">
				    		<div class="ui vertical">
						    	<button class="ui positive basic mini button timeoutLimitAddBtn"><i class="icon plus"></i> 增 加</button>
								<button class="ui primary basic mini button timeoutLimitEditBtn"><i class="icon write"></i> 编 辑</button>
								<button class="ui negative basic mini button timeoutLimitRemoveBtn"><i class="icon remove"></i> 移 走</button>
						  	</div>
				    	</div>
				  	</div>
				</div>
			</div>
		</div><!-- 超时限制 end-->
		<!-- 高级 start-->
		<div class="ui tab segment" data-tab="seven">
			<div class="ui mini form highLevel">
				<div class="five wide field">
				    <label>结束规则:</label>
				    <input type="text" name="finishRule" placeholder="结束规则">
				</div>
				<div class="five wide field">
				    <label>建立事件:</label>
				    <input type="text" name="activityCreateEvent" placeholder="建立事件">
				</div>
				<div class="five wide field">
				    <label>结束事件:</label>
				    <input type="text" name="activityEndEvent" placeholder="结束事件">
				</div>
			</div>
			<div class="highLevel-empty"></div>
		</div><!-- 高级 end-->
		<!-- 监控信息 start -->
		<div class="ui tab segment" data-tab="eight">
			<div class="ui mini form monitorinf">
				<div class="five wide field isResponsibleTem">
    				<label>是否为临时监控:</label>
                	<!-- select_tpl -->  					
                </div>
                <div class="ui grid monitorinf_grid">
				  	<div class="computer only row">
				  		<div class="twelve wide tablet computer column content-div">
				  			<table class="ui blue sortable selectable celled striped compact table">
				  				<thead>
				  					<tr>
				  						<th>监控者</th>
				  					</tr>
				  				</thead>
								<tbody>
									
								</tbody>
							</table>
				  		</div>
				    	<div class="three wide column">
				    		<div class="ui vertical">
						    	<button class="ui positive basic mini button monitorinfAddBtn"><i class="icon plus"></i> 增 加</button>
								<button class="ui primary basic mini button monitorinfEditBtn"><i class="icon write"></i> 编 辑</button>
								<button class="ui negative basic mini button monitorinfRemoveBtn"><i class="icon remove"></i> 删 除</button>
						  	</div>
				    	</div>
				  	</div>
				</div>
			</div>
		</div><!-- 监控信息 end -->
	  	<div class="actions inverted clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>
	</div><!-- 属性弹出层 end -->

	<!-- 活动属性-常规-定义 -->
	<div class="ui coupled small modal tab conventional_definition def_common">
  	  	
  	</div>

  	<!-- 活动属性-工具-添加 -->
	<div class="ui coupled small modal tab segment tool_add">
  	  	<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
	               	<label>类型:</label>
	                <select class="ui search dropdown">
		      			<option value="">请选择</option>
		      			<option value="1">应用</option>
		      			<option value="2">程序</option>
					</select>      					
	            </div>
	            <div class="ten wide field">
	    			<label>应用:</label>
					<div class="two fields">
						<div class="field">
	               		  	<select class="ui search dropdown">
	      						<option value="">请选择</option>
	      						<option value="1">修改数据</option>
	      						<option value="2">发送邮件</option>
	      						<option value="3">执行其它toolagent</option>
	      						<option value="4">获取数据</option>
							</select>      					
	               		</div>
	               		<div class="five wide field">
							<button class="ui facebook mini button definitionBtn"><i class="write icon"></i>定义</button>
	               		</div>
	               	</div>
	            </div>
  	  		</div>
            <div class="ui horizontal divider">实际参数集</div>
            <div class="ui grid">
    		  	<div class="row">
			  		<div class="ten wide tablet column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">应用</th>
									<th class="two wide">类型</th>
								</tr>
							</thead>
							<tbody>
								<tr id="tr1">
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
										</div>
									</td>
									<td>1111111</td>
									<td>Aell</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button actualParametersAdd1"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
    		</div>
            <div class="ui divider hidden"></div>
			<div class="field">
    		  	<label>描述：</label>
    		  	<textarea rows="2"></textarea>
    		</div>
			<div class="ui horizontal divider">扩展属性集</div>
			<div class="ui grid">
    		  	<div class="row">
			  		<div class="ten wide tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">应用</th>
									<th class="two wide">类型</th>
								</tr>
							</thead>
							<tbody>
								<tr id="tr1">
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
										</div>
									</td>
									<td>1111111</td>
									<td>Aell</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button actualParametersAdd2"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
    		</div>
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>		
		</div>
  	</div>
  	<!-- 工具-添加-添加 -->
	<div class="ui coupled small modal tab segment actualParametersDiv">
  	  	<div class="ui mini form">
  	  		<div class="field">
    			<label>实际参数:</label>
				<div class="two fields">
					<div class="five wide field">
            	   		<select class="ui search dropdown">
      						<option value="">请选择</option>
      						<option value="1">sourceReferenceld</option>
      						<option value="2">formId</option>
      						<option value="2">nextActivityInfo</option>
      						<option value="2">nextActivityName</option>
      						<option value="2">formType</option>
						</select>      					
            	   	</div>
            	   	<div class="five wide field">
						<button class="ui facebook mini button definitionBtn"><i class="write icon"></i>定义</button>
            	   	</div>
            	</div>
            </div>
  	  	</div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
  	</div>
  	<!-- 工具-添加-添加-定义 -->
	<div class="ui coupled small modal tab segment toolAddDefinition">
  		<div class="header">工作流相关数据集</div>
  		<div class="ui mini form grid">
		  	<div class="computer only row">
		  		<div class="twelve wide tablet computer column">
		  			<table class="ui blue sortable selectable celled striped compact table">
						<thead>
							<tr>
								<th class="one wide">选择</th>
								<th class="two wide">ID</th>
								<th class="two wide">名称</th>
								<th class="two wide">数据类型</th>
							</tr>
						</thead>
						<tbody>
							<tr id="tr1">
								<td>
									<div class="ui radio checkbox">
										<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
									</div>
								</td>
								<td>1111111</td>
								<td>Aell</td>
								<td>Aell</td>
							</tr>
							<tr>
								<td>
									<div class="ui radio checkbox">
										<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
									</div>
								</td>
								<td>3333333</td>
								<td>Cell</td>
								<td>Cell</td>
							</tr>
						</tbody>
					</table>
		  		</div>
		    	<div class="three wide column">
		    		<div class="ui vertical">
				    	<button class="ui positive basic mini button toolAddDefinitionAddBtn"><i class="icon plus"></i> 添 加</button>
						<button class="ui primary basic mini button"><i class="icon write"></i> 编 辑</button>
						<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
				  	</div>
		    	</div>
		  	</div>
		</div>
		<div class="ui divider hidden"></div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
	</div>
	<!-- 工具-添加-添加-定义-添加 -->
	<div class="ui coupled large modal tab segment toolAddDefinitionAdd">
		<i class="close icon"></i>
		<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
				  	<label>ID:</label>
				  	<input type="text" placeholder="ID">
				</div>
	            <div class="five wide field">
				  	<label>名称:</label>
				  	<input type="text" placeholder="名称">
				</div>
				 <div class="five wide field">
				  	<label>初始值:</label>
				  	<input type="text" placeholder="初始值">
				</div>
				 <div class="five wide field">
				  	<label>长度:</label>
				  	<input type="text" placeholder="长度">
				</div>
  	  		</div>
  	  		<div class="five wide inline field">
	            <label>是排列:</label>
	            <select class="ui search dropdown">
		      		<option value="">请选择</option>
		      		<option value="0">(空)</option>
		      		<option value="1">是</option>
		      		<option value="2">否</option>
				</select>      					
	        </div>
            <div class="ui horizontal divider">类型</div>
            <div class="five wide inline field">
	            <label>类型:</label>
	            <select class="ui search dropdown">
		      		<option value="">请选择</option>
		     		<option value="1">Declared type</option>
		     		<option value="2">Enumeration type</option>
		     		<option value="3">List type</option>
		     		<option value="4">Record type</option>
		     		<option value="5">Schema type</option>
		     		<option value="6">Union type</option>
		     		<option value="7">基本类型</option>
		     		<option value="8">外部参考</option>
		     		<option value="9">数组类型</option>
				</select>      					
	        </div>

    		<div class="field">
    		  	<label>描述：</label>
    		  	<textarea rows="1"></textarea>
    		</div>
			<div class="ui horizontal divider">扩展属性集</div>
			<div class="ui grid">
    		  	<div class="row">
			  		<div class="ten wide tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">应用</th>
									<th class="two wide">类型</th>
								</tr>
							</thead>
							<tbody>
								<tr id="tr1">
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
										</div>
									</td>
									<td>1111111</td>
									<td>Aell</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button showDialog"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
    		</div>

			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>		
		</div>
	</div>

  	<!-- 工具-添加-定义 -->
  	<div class="ui coupled small modal tab segment tooldefinition">
  		<div class="header">应用集-定义</div>
  		<div class="ui horizontal divider"></div>
  		<div class="ui mini form grid">
		  	<div class="computer only row">
		  		<div class="twelve wide tablet computer column">
		  			<table class="ui blue sortable selectable celled striped compact table">
						<thead>
							<tr>
								<th class="one wide">选择</th>
								<th class="two wide">ID</th>
								<th class="two wide">名称</th>
							</tr>
						</thead>
						<tbody>
							<tr id="tr1">
								<td>
									<div class="ui radio checkbox">
										<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
									</div>
								</td>
								<td>1111111</td>
								<td>Aell</td>
							</tr>
							<tr>
								<td>
									<div class="ui radio checkbox">
										<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
									</div>
								</td>
								<td>2222222</td>
								<td>Bell</td>
							</tr>
							<tr>
								<td>
									<div class="ui radio checkbox">
										<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
									</div>
								</td>
								<td>3333333</td>
								<td>Cell</td>
							</tr>
						</tbody>
					</table>
		  		</div>
		    	<div class="three wide column">
		    		<div class="ui vertical">
				    	<button class="ui positive basic mini button tooldefinitionAddBtn"><i class="icon plus"></i> 添 加</button>
						<button class="ui primary basic mini button"><i class="icon write"></i> 编 辑</button>
						<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
				  	</div>
		    	</div>
		  	</div>
		</div>
		<div class="ui horizontal divider"></div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
	</div>
	<!-- 工具-添加-定义-添加 -->
	<div class="ui coupled large modal tab segment tooldefinition_add">
		<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
				  	<label>ID:</label>
				  	<input type="text" placeholder="ID">
				</div>
	            <div class="five wide field">
				  	<label>名称:</label>
				  	<input type="text" placeholder="名称">
				</div>
  	  		</div>
  	  		<div class="field">
    		  	<label>描述：</label>
    		  	<textarea rows="1"></textarea>
    		</div>
            <div class="ui horizontal divider">选择</div>
            <div class="five wide inline field">
	            <label>类型:</label>
	            <select class="ui search dropdown">
		      		<option value="">请选择</option>
		      		<option value="1">外部参考</option>
		      		<option value="2">形势参数集</option>
				</select>      					
	        </div>
            <div class="ui grid">
    		  	<div class="row">
			  		<div class="ten wide tablet column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">ID</th>
									<th class="two wide">索引</th>
									<th class="two wide">方式</th>
									<th class="two wide">数据类型</th>
								</tr>
							</thead>
							<tbody>
								<tr id="tr1">
									<td>1111111</td>
									<td>2222222</td>
									<td>3333333</td>
									<td>4444444</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button tooldefinitionAddAddBtn"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button showDialog"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
    		</div>
            <div class="ui divider hidden"></div>
			<div class="ui horizontal divider">扩展属性集</div>
			<div class="ui grid">
    		  	<div class="row">
			  		<div class="ten wide tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
							<thead>
								<tr>
									<th class="one wide">选择</th>
									<th class="two wide">应用</th>
									<th class="two wide">类型</th>
								</tr>
							</thead>
							<tbody>
								<tr id="tr1">
									<td>
										<div class="ui radio checkbox">
											<input type="radio" name="selectAnswer" tabindex="0" class="hidden">
										</div>
									</td>
									<td>1111111</td>
									<td>Aell</td>
								</tr>
							</tbody>
						</table>
			  		</div>
			    	<div class="three wide column">
			    		<div class="ui vertical">
					    	<button class="ui positive basic mini button"><i class="icon plus"></i> 添 加</button>
							<button class="ui primary basic mini button showDialog"><i class="icon write"></i> 编 辑</button>
							<button class="ui negative basic mini button"><i class="icon remove"></i> 删 除</button>
					  	</div>
			    	</div>
			  	</div>
    		</div>
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>		
		</div>
	</div>
	<!-- 工具-添加-定义-添加-添加 -->
	<div class="ui coupled small modal tab segment tooldefinition_add_add">
		<div class="ui mini form">
			<div class="five wide field">
		      	<label>ID:</label>
		      	<input type="text" placeholder="ID">
		    </div>
		    <div class="five wide field">
		      	<label>索引:</label>
		      	<input type="text" placeholder="索引">
		    </div>
		    <div class="five wide field">
	            <label>方式:</label>
	            <select class="ui search dropdown">
		     		<option value="">请选择</option>
		     		<option value="1">In</option>
		     		<option value="2">In and Out</option>
		     		<option value="3">Out</option>
				</select>      					
	        </div>
	        <div class="ui horizontal divider">类型</div>
	        <div class="five wide field">
	            <label>类型:</label>
	            <select class="ui search dropdown">
		     		<option value="">请选择</option>
		     		<option value="1">Declared type</option>
		     		<option value="2">Enumeration type</option>
		     		<option value="3">List type</option>
		     		<option value="4">Record type</option>
		     		<option value="5">Schema type</option>
		     		<option value="6">Union type</option>
		     		<option value="7">基本类型</option>
		     		<option value="8">外部参考</option>
		     		<option value="9">数组类型</option>
				</select>      					
	        </div>
		</div>
		<div class="ui divider hidden"></div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
	</div>
  	<!-- 工具-添加-扩展属性添加 -->
	<div class="ui coupled small modal tab segment tool_extendAttr_add">
  	  	<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
			      	<label>名称:</label>
			      	<input name="extendAttr_add_name" type="text" placeholder="名称">
			    </div>
			    <div class="five wide field">
			      	<label>值:</label>
			      	<input name="extendAttr_add_value" type="text" placeholder="值">
			    </div>
  	  		</div>
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>
			<input type="hidden" name="extendAttr_add_operate" value="">		
		</div>
  	</div>
  	<!-- 后置条件-扩展属性-添加 -->
	<div class="ui coupled small modal tab segment postCondition_extendAttr_add">
  	  	<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
			      	<label>名称:</label>
			      	<input name="extendAttr_add_name" type="text" placeholder="名称">
			    </div>
			    <div class="five wide field">
			      	<label>值:</label>
			      	<input name="extendAttr_add_value" type="text" placeholder="值">
			    </div>
  	  		</div>
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>
			<input type="hidden" name="extendAttr_add_operate" value="">		
		</div>
  	</div>
  	<!-- 后置条件-条件设置-关系设置 -->
  	<div class="ui coupled small modal tab segment relationshipPlacement">
  		<i class="close icon"></i>
  		<div class="header">关系设置</div>
  		<div class="ui mini form">
  			<div class="ui horizontal divider">选择条件代号</div>
  	  		<div class="fields condition_no">
               	
			</div>
			<div class="ui horizontal divider">选择关系</div>
			<div class="fields">
				<div class="inline field">
					<div class="ui radio checkbox">
						<input type="radio" name="relationship" tabindex="&&" class="hidden" value="">
						<label>并且</label>
					</div>
				</div>
				<div class="inline field">
					<div class="ui radio checkbox">
						<input type="radio" name="relationship" tabindex="||" class="hidden" value="">
						<label>或者</label>
					</div>
				</div>
			</div>
			<div class="ui horizontal divider">设置</div>
			<div class="two inline fields">
				<div class="five wide field">
					<button class="ui primary mini button relationshipGroup">
						<i class="cubes icon"></i>分组
					</button>
					<button class="ui mini button relationshipReset">
						<i class="reply all icon"></i>重置
					</button>
				</div>
				<div class="seven wide field delivery">
					<label>预览:</label>
					<input name="beanConditions_type" type="text" placeholder="" readonly value="">
				</div>
			</div>
										
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>
		</div>
  	</div>
  	<!-- 活动属性-扩展属性-添加 -->
	<div class="ui coupled small modal tab segment extendAttr_add">
  	  	<div class="ui mini form">
  	  		<div class="fields">
  	  			<div class="five wide field">
			      	<label>名称:</label>
			      	<input name="extendAttr_add_name" type="text" placeholder="名称">
			    </div>
			    <div class="five wide field">
			      	<label>值:</label>
			      	<input name="extendAttr_add_value" type="text" placeholder="值">
			    </div>
  	  		</div>
			<div class="ui divider hidden"></div>
    		<div class="actions inverted segment clearfix">
				<button class="ui right floated green inverted ok button">
					<i class="checkmark icon"></i>确定
				</button>
				<button class="ui right floated red inverted cancel button">
					<i class="remove icon"></i>取消
				</button>
			</div>
			<input type="hidden" name="extendAttr_add_operate" value="">		
		</div>
  	</div>
  	<!-- 超时限制-增加 -->
	<div class="ui coupled small modal tab segment timeoutLimit_add">
  	  	<div class="ui mini form">
  	  		<div class="five wide field">
	            <label>执行:</label>
	            <select name="execution" class="ui search dropdown">
		     		<option value="">请选择</option>
		     		<option value="">(空)</option>
		     		<option value="SYNCHR">同步</option>
		     		<option value="ASYNCHR">异步</option>
				</select>      					
	        </div>
  	  		<div class="five wide field">
		      	<label>持续时间:</label>
		      	<input type="text" name="deadlineCondition" placeholder="持续时间">
		    </div>
		    <div class="five wide field">
		      	<label>异常名称:</label>
		      	<input type="text" name="exceptionName" placeholder="异常名称">
		    </div>
		    <input type="hidden" name="timeoutLimit_add_operate" value="">
  	  	</div>
		<div class="ui divider hidden"></div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
  	</div>
  	<!-- 监控信息-增加 -->
	<div class="ui coupled small modal tab segment monitorinf_add" parentsModal="prop_node">
  	  	<div class="ui mini form">
  	  		<div class="field">
    			<label>参与者集:</label>
				<div class="two fields">
					<div class="seven wide field">
            	   		<select name="definition_role" class="ui search disabled dropdown">
      						
						</select>   
						<input type="hidden" name="monitorinf_add_operate" value="">				
            	   	</div>
            	   	<div class="five wide field">
						<button class="ui facebook mini button definitionBtn"><i class="write icon"></i>定义</button>
            	   	</div>
            	</div>
            </div>
  	  	</div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
  	</div>
  	<!-- 监控信息-增加-定义 -->
  	<div class="ui coupled small modal tab monitorinfAddDefinition def_common">
  	  	<div class="ui pointing secondary menu">
		  	<a class="item active" data-tab="definition_one">常规</a>
		  	<a class="item" data-tab="definition_two">高级</a>
		</div>
		<div class="ui tab segment active" data-tab="definition_one">
			<div class="ui mini form">
			    <div class="five wide field">
			      	<label>ID:</label>
			      	<input type="text" name="conventional_definition_id" placeholder="ID">
			    </div>
			    <div class="five wide field">
			      	<label>名称:</label>
			      	<input type="text" name="conventional_definition_name" placeholder="名称">
			    </div>
				<div class="field">
    			  	<label>描述：</label>
    			  	<textarea name="conventional_definition_description" rows="2"></textarea>
    			</div>
			    <div class="five wide field">
				    <label>自定义参与者:</label>
				    <input type="text" name="conventional_definition_participant" placeholder="自定义参与者">
				</div>
				<div class="five wide field role">
		    		<label>自定义角色:</label>
		            <!-- select_tpl -->  					
		        </div> 
		        <input type="hidden" class="hidden" name="monitorinf_add_operate" value="">
			</div>
		</div>
		<div class="ui tab segment" data-tab="definition_two">
			<div class="ui top attached tabular mini menu">
	    	  	<a class="active item" data-tab="definition_two/a" value="commonly|一般">一般</a>
	    	  	<a class="item" data-tab="definition_two/b" value="processer|当前处理人">当前处理人</a>
	    	  	<a class="item" data-tab="definition_two/c" value="sender|发送人">发送人</a>
	    	  	<a class="item" data-tab="definition_two/d" value="preActCreater|前一环节创建人">前一环节创建人</a>
	    	</div>
	    	<div class="ui bottom attached active tab segment" data-tab="definition_two/a">
				<div class="ui mini form">
					<div class="fields">
						<div class="five wide field">
		    				<label>类型:</label>
		                	<select name="definition_type" class="ui search dropdown">
		      					<option value="">请选择</option>
		      					<option value="human|人">人</option>
		      					<option value="orgOrg|部门【部门】">部门【部门】</option>
		      					<option value="orgHuman|部门【人】">部门【人】</option>
		      					<option value="orgDefault|部门【默认】">部门【默认】</option>
		      					<option value="orgLeader|部门【领导】">部门【领导】</option>
		      					<option value="roleHuman|角色【人】">角色【人】</option>
		      					<option value="roleRole|角色【角色】">角色【角色】</option>
		      					<option value="allParty|所有人【人】">所有人【人】</option>
							</select>      					
		                </div>
		                <div class="eight wide field">
					      	<label>名称:</label>
					      	<input type="text" name="def_name_show" placeholder="名称" readonly>
					      	<input type="hidden" name="definition_name" placeholder="名称" value="|">
					    </div>
					    <div class="five wide field">
				    		<label>角色:</label>
				            <select name="definition_role" class="ui search dropdown">
				      			<option value="">请选择</option>
		      					<option value="history">历史参与者</option>
		      					<option value="responsible">监控者</option>
		      					<option value="share">共享</option>
							</select>      					
				        </div>
					    <div class="five wide field">
					      	<label>附加参数1:</label>
					      	<input type="text" name="definition_param1" placeholder="附加参数">
					    </div>
					    <div class="five wide field">
					    	<label>附加参数2:</label>
						    <input type="text" name="definition_param2" placeholder="附加参数">
						</div>	
		            </div>
				</div>
	    	</div>
	    	<div class="ui bottom attached tab segment" data-tab="definition_two/b">
	    		<div class="ui mini form">
					<div class="fields">
						<div class="five wide field">
		    				<label>类型:</label>
		                	<select name="definition_type" class="ui search dropdown">
		      					<option value="">请选择</option>
		      					<option value="directleader|当前处理人领导">当前处理人领导</option>
		      					<option value="DepartUpperLeading|当前处理人部门领导">当前处理人部门领导</option>
							</select>      					
		                </div>
		                <div class="five wide field">
				    		<label>角色:</label>
				            <select name="definition_role" class="ui search dropdown">
				      			<option value="">请选择</option>
		      					<option value="history">历史参与者</option>
		      					<option value="responsible">监控者</option>
		      					<option value="share">共享</option>
							</select>      					
				        </div>
					    <div class="five wide field">
					      	<label>附加参数1:</label>
					      	<input type="text" name="definition_param1" placeholder="附加参数">
					    </div>
					    <div class="five wide field">
					    	<label>附加参数2:</label>
						    <input type="text" name="definition_param2" placeholder="附加参数">
						</div>	
		            </div>
				</div>
	    	</div>
	    	<div class="ui bottom attached tab segment" data-tab="definition_two/c">
	    		<div class="ui mini form">
					<div class="fields">
						<div class="five wide field">
		    				<label>类别:</label>
		                	<select name="definition_type" class="ui search dropdown">
		                	<option value="">请选择</option>
		      					<option value="self|发送人本人">发送人本人</option>
		      					<option value="directleader|发送人领导">发送人领导</option>
		      					<option value="directundering|发送人下属">发送人下属</option>
		      					<option value="org|发送人部门人员">发送人部门人员</option>
		      					<option value="departUpperLeading|发送人部门领导">发送人部门领导</option>
							</select>      					
		                </div>
		                <div class="five wide field">
				    		<label>角色:</label>
				            <select name="definition_role" class="ui search dropdown">
				      			<option value="">请选择</option>
		      					<option value="history">历史参与者</option>
		      					<option value="responsible">监控者</option>
		      					<option value="share">共享</option>
							</select>      					
				        </div>
					    <div class="five wide field">
					      	<label>附加参数1:</label>
					      	<input type="text" name="definition_param1" placeholder="附加参数">
					    </div>
					    <div class="five wide field">
					    	<label>附加参数2:</label>
						    <input type="text" name="definition_param2" placeholder="附加参数">
						</div>	
		            </div>
				</div>
	    	</div>
	    	<div class="ui bottom attached tab segment" data-tab="definition_two/d">
	    		<div class="ui mini form">
					<div class="fields">
						<div class="five wide field">
		    				<label>类别:</label>
		                	<select name="definition_type" class="ui search dropdown">
		      					<option value="">请选择</option>
		      					<option value="preActCreSelf|前一环节创建人本人">前一环节创建人本人</option>
		      					<option value="preActCreLeader|前一环节创建人上级">前一环节创建人上级</option>
							</select>      					
		                </div>
		                <div class="five wide field">
				    		<label>角色:</label>
				            <select name="definition_role" class="ui search dropdown">
				      			<option value="">请选择</option>
		      					<option value="history">历史参与者</option>
		      					<option value="responsible">监控者</option>
		      					<option value="share">共享</option>
							</select>      					
				        </div>
					    <div class="five wide field">
					      	<label>附加参数1:</label>
					      	<input type="text" name="definition_param1" placeholder="附加参数">
					    </div>
					    <div class="five wide field">
					    	<label>附加参数2:</label>
						    <input type="text" name="definition_param2" placeholder="附加参数">
						</div>	
		            </div>
				</div>
	    	</div>
	    	<button class="ui positive basic mini button monitorinfDefintionAddBtn"><i class="icon plus"></i> 增 加 条 件</button>
			<button class="ui negative basic mini button monitorinfDefintionRemoveBtn"><i class="icon remove"></i> 删 除 条 件</button>
			<div class="ui divider hidden"></div>
	        <div class="ui grid definition_condition content-div">
			  	<div class="computer only row">
			  		<div class="tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
			  				<thead>
								<tr>
									<th class="four wide">类别</th>
									<th class="four wide">类型</th>
									<th class="three wide">名称</th>
									<th class="three wide">参数1</th>
									<th class="three wide">参数2</th>
									<th class="three wide">角色</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
			  		</div>
			  	</div>
			</div>
		</div>
		<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>
  	</div>

  	<!-- 连线属性弹出层 -->
	<div class="ui coupled modal tab segment prop_edge">
		<div class="header">转移属性</div>
  	  	<div class="ui mini form">
  	  		<div class="targetActivity">
				
			</div>
  	  	</div>
		<div class="ui divider hidden"></div>
    	<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>		
  	</div>
  	<!-- 选择角色弹出层 -->
  	<div class="ui coupled modal tab role_manage">
	    <i class="close icon"></i>
	    <div id="role-top" class="topfont addborder popup">
			<i class="add user icon"></i>角色管理
		</div>
		<div id="role-center">
			<form id="searchForm">
				<div>
					<div class="ui icon mini input role-search">
		              	<label>角色名称：</label>
					  	<input type="text" name="roleName" placeholder="搜索...">
					  	<i class="search link icon"></i>
					</div>
					<button type="button" class="ui google plus mini button resetBtn">
					  	<i class="reply all plus icon"></i>
					  	重置
					</button>
					<button type="button" class="ui facebook mini button okBtn">
					  	<i class="checkmark icon"></i>
					  	确定
					</button>
				</div>
			</form>
			<input type="hidden" name="offset" id="offset" />
			<input type="hidden" name="size" id="size" />
			<div class="content-tab">
				
			</div>
		</div>
		<div id="pageDiv"></div>
	</div>

	<script type="text/javascript" src="js/jquery.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/common.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/d3.v3.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/juicer-min.js" charset="utf-8"></script>
	<script type="text/javascript" src="layer/layer.js" charset="utf-8"></script>
	<script type="text/javascript" src="semantic-ui-2.2.13/dist/semantic.js" charset="utf-8"></script>
	<script type="text/javascript" src="ztree/js/jquery.ztree.all.js"></script>
	<script type="text/javascript" src="js/jquery-form.min.js"></script>
	<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/vkbeautify.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/base64.js" charset="utf-8"></script>
	<script type="text/javascript" src="laypage/laypage.js"></script>
	
	<script>
		juicer.set({  
			'tag::operationOpen': '{@',  
			'tag::operationClose': '}',  
			'tag::interpolateOpen': '{{=',  
			'tag::interpolateClose': '}}'  
		});
		// 通过`juicer.register`创建模板内引用方法
		juicer.register('juicer_stringify', function(jsonObj) {
		    return JSON.stringify(jsonObj);
		});
	</script>

	<script id="tpl" type="text/template"><!-- 可以通过模板生成activity，暂时没用 -->
	    <activity Id="{{=activity.id}}" Name="{{=activity.title}}" form-id="" formdisplayschema="" hisformdisplayschema="">
	        <operations/>
	        <text-limit/>
	    </activity>
	</script>

	<!-- blockActivity 编辑 标签页tpl -->
	<script id="blockActiEdi_item_tpl" type="text/template">
		<a class="item" data-tab="tab_{{=id}}" activitysetid="{{=activitySetId}}">
			<i class="remove red icon"></i>块活动
		</a>
	</script>
	<script id="blockActiEdi_tab_tpl" type="text/template">
		<div class="ui bottom attached tab segment blockDiv" data-tab="tab_{{=id}}">
		  	<div class="ui top attached tab active full-right-top view svg-container" data-tab="{{=id}}_first">
				<!-- svg -->
			</div>
			<div class="ui top attached tab view content-div" data-tab="{{=id}}_second">
				<xmp>
					<!-- xpdl -->
				</xmp>
			</div>
			<div class="full-right-btn ui bottom attached tabular mini menu">
				<a class="item active" data-tab="{{=id}}_first">图标视图</a>
				<a class="item" data-tab="{{=id}}_second">xpdl视图</a>
			</div>
			<div class="full-right-bottom">
				<div class="component-name"><i class="angle double down icon"></i><span></span></div>
				<div class="component-prop content-div">
					<!-- activity属性 -->
				</div>
			</div>
		</div>
	</script>

	<!-- 扩展属性集tpl -->
	<script id="extended_attr_tpl" type="text/template">
		<tr jsonstr="{{=jsonstr}}">
			<td>
				<div class="ui radio checkbox">
					<input type="radio" name="selectItem" tabindex="0" class="hidden">
				</div>
			</td>
			<td>{{=data.name}}</td>
			<td>{{=data.value}}</td>
		</tr>
	</script>
	<!-- 角色管理tpl -->
	<script id="role_manage_tpl" type="text/template">
		<div class="row">
			<div class="column">
				<table class="ui blue sortable selectable celled striped compact table">
					<thead>
						<tr>
							<th class="one wide">选择</th>
							<th class="one wide">角色名称</th>
							<th class="three wide">所属组织</th>
							<th class="three wide">描述</th>
						</tr>
					</thead>
					<tbody>
					{@each list as it,index}
						<tr jsonstr="{{=it|juicer_stringify}}">
							<td>
								<div class="ui radio checkbox">
									<input type="radio" name="selectItem" tabindex="0" class="hidden">
								</div>
							</td>
							<td>{{=it.ROLENAME}}</td>
							<td>{{=it.ROLEID}}</td>
							<td>{{=it.DESCRIPTION}}</td>
						</tr>
			        {@/each}
					</tbody>
				</table>
			</div>
		</div>
	</script>
	<!-- select tpl -->
	<script id="select_tpl" type="text/template">
		<select name="{{=selectId}}" class="ui dropdown">
		    <option value="">请选择...</option>
			{@each options as option,index}
				<option value="{{=option.value}}">{{=option.show}}</option>
			{@/each}
		</select>
	</script>
	<!-- 定义参与者tpl -->
	<script id="participant_tpl" type="text/templ">
		<div class="ui pointing secondary menu">
		  	<a class="item active" data-tab="definition_1">常规</a>
		  	<a class="item" data-tab="definition_2">高级</a>
		</div>
		<div class="ui tab segment active" data-tab="definition_1">
			<div class="ui mini form">
			    <div class="five wide field">
			      	<label>ID:</label>
			      	<input name="conventional_definition_id" type="text" placeholder="ID">
			    </div>
			    <div class="five wide field">
			      	<label>名称:</label>
			      	<input name="conventional_definition_name" type="text" placeholder="名称">
			    </div>
				<div class="field">
    			  	<label>描述：</label>
    			  	<textarea name="conventional_definition_description" rows="2"></textarea>
    			</div>
			    <div class="five wide field">
				    <label>自定义参与者:</label>
				    <input name="conventional_definition_participant" type="text" placeholder="自定义参与者">
				</div>
				<input type="hidden" class="hidden" name="conventional_def_operate" value="">
			</div>
		</div>
		<div class="ui tab segment" data-tab="definition_2">
			<div class="ui top attached tabular mini menu">
				{@each selectItems as item}
					{@if item.key == 'commonly'}
						<a class="active item" data-tab="definition_2/{{=item.key}}" value="{{=item.key}}|{{=item.displayName}}">{{=item.displayName}}</a>
					{@else}
						<a class="item" data-tab="definition_2/{{=item.key}}" value="{{=item.key}}|{{=item.displayName}}">{{=item.displayName}}</a>
					{@/if}
				{@/each}
	    	</div>
			{@each selectItems as item}
				{@if item.key == 'commonly'}
					<div class="ui bottom attached active tab segment" data-tab="definition_2/{{=item.key}}">
				{@else}
					<div class="ui bottom attached tab segment" data-tab="definition_2/{{=item.key}}">
				{@/if}
					<div class="ui mini form">
						<div class="fields">
							<div class="five wide field">
			    				<label>类型:</label>
			                	<select name="definition_type" class="ui search dropdown">
			      					<option value="">请选择</option>
			      					{@each item.selectTypes as selectType}
										<option value="{{=selectType.key}}|{{=selectType.name}}">{{=selectType.name}}</option>
			      					{@/each}
								</select>      					
			                </div>
			                {@if item.key == 'commonly'}
				                <div class="five wide field">
							      	<label>名称:</label>
							      	<input type="text" name="def_name_show" placeholder="名称" readonly>
							      	<input type="hidden" name="definition_name" placeholder="名称" value="|">
							    </div>
							{@else if item.key == 'historyactselect'}
								<div class="five wide field definition_name">
				    				<label>名称:</label>
									<!-- select_tpl -->
				      			</div>
							{@/if}
						    <div class="five wide field">
						      	<label>附加参数1:</label>
						      	<input type="text" name="definition_param1" placeholder="附加参数">
						    </div>
						    <div class="five wide field">
						    	<label>附加参数2:</label>
							    <input type="text" name="definition_param2" placeholder="附加参数">
							</div>	
			            </div>
					</div>
		    	</div>
			{@/each}
			<button class="ui positive basic mini button definition_addBtn"><i class="icon plus"></i> 增 加 条 件</button>
			<button class="ui negative basic mini button definition_removeBtn"><i class="icon remove"></i> 删 除 条 件</button>
			<div class="ui divider hidden"></div>
	        <div class="ui grid definition_condition content-div">
			  	<div class="computer only row">
			  		<div class="tablet computer column">
			  			<table class="ui blue sortable selectable celled striped compact table">
			  				<thead>
								<tr>
									<th class="four wide">类别</th>
									<th class="four wide">类型</th>
									<th class="three wide">名称</th>
									<th class="three wide">参数1</th>
									<th class="three wide">参数2</th>
									<th class="three wide">条件</th>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
			  		</div>
			  	</div>
			</div>
		</div>
		<div class="actions inverted segment clearfix">
			<button class="ui right floated green inverted ok button">
				<i class="checkmark icon"></i>确定
			</button>
			<button class="ui right floated red inverted cancel button">
				<i class="remove icon"></i>取消
			</button>
		</div>
	</script>
	<!-- Transition转移属性tpl -->
	<script id="transition_tpl" type="text/template">
		<div class="ui top attached tabular mini menu">
    	  	<a class="active item" data-tab="four/a">转移信息</a>
    	  	<a class="item" data-tab="four/b">条件设置</a>
    	  	<a class="item" data-tab="four/c">事件</a>
    	</div>
    	<div class="ui bottom attached active tab segment" data-tab="four/a">
			<div class="ui mini form">
				<div class="fields">
				    <div class="five wide field">
				      <label>ID:</label>
				      <input type="text" name="edgeId" placeholder="ID">
				    </div>
				    <div class="four wide field">
				      <label>名称:</label>
				      <input type="text" name="edgeName" placeholder="名称">
				    </div>
				    <div class="four wide field">
					    <label>来自:</label>
					    <input type="text" name="sourceTitle" placeholder="来自" disabled="disabled">
					</div>
					<div class="four wide field">
					    <label>到:</label>
					    <input type="text" name="targetTitle" placeholder="到" disabled="disabled">
					</div>
				</div>
				<div class="field">
    			  	<label>描述：</label>
    			  	<textarea name="description" rows="2"></textarea>
    			</div>
				<div class="ui horizontal divider">扩展属性集</div>
    			<div class="ui mini form grid transferInf_extended_attr">
				  	<div class="computer only row">
				  		<div class="twelve wide tablet computer column postCondi_extendedAttr">
				  			<table class="ui blue sortable selectable celled striped compact table">
								<thead>
									<tr>
										<th class="one wide">选择</th>
										<th class="two wide">名</th>
										<th class="two wide">值</th>
									</tr>
								</thead>
								<tbody>
									
								</tbody>
							</table>
				  		</div>
				    	<div class="three wide column">
				    		<div class="ui vertical">
						    	<button class="ui positive basic mini button extendAttrAddBtn"><i class="icon plus"></i> 添 加</button>
								<button class="ui primary basic mini button extendAttrEditBtn"><i class="icon write"></i> 编 辑</button>
								<button class="ui negative basic mini button extendAttrDelBtn"><i class="icon remove"></i> 删 除</button>
						  	</div>
				    	</div>
				  	</div>
				</div>
    			
			</div>
    	</div>
    	<div class="ui bottom attached tab segment" data-tab="four/b">
    		<div class="ui mini form">
	    		<div class="inline fields">
					<div class="five wide field">
					    <label>类型:</label>
					    <select name="conditype" class="ui search dropdown">
					      	<option value="">选择</option>
					      	<option value="0">(空)</option>
					      	<option value="OTHERWISE">其它</option>
					      	<option value="EXCEPTION">异常</option>
					      	<option value="WORKFLOWBEAN">按业务对象转移</option>
					      	<option value="CONDITION">条件</option>
					      	<option value="TACHE">环节名称转移</option>
					      	<option value="USERDEFINE">用户自定义</option>
					      	<option value="DEFAULTEXCEPTION">缺省异常</option>
					      	<option value="CUSTOM">自定义转移</option>
					    </select>
					</div>
	    		</div>
	    		<!-- 条件设置-类型-异常 -->
				<div class="myitem hideDiv exceptionDiv">
					<div class="five wide field">
					    <label>请选择异常:</label>
					    <select name="condiException" class="ui search dropdown">
					      	<option value="请选择异常">请选择异常</option>
					    </select>
					</div>
	            </div>
	            <!-- 条件设置-类型-按业务对象转移 -->
	            <div class="myitem hideDiv workflowbeanDiv">
		            <div class="inline fields">
						<div class="five wide field">
						    <label>业务对象:</label>
						    <select name="bean" class="ui search dropdown">
						      	<option value="">请选择业务对象</option>
						      	<option value="0">(空)</option>
						      	{@each bean.opts as option, index}
									<option value="{{=option.value}}">{{=option.name}}</option>
								{@/each}
						    </select>
						</div>
						<div class="five wide field">
						    <label>参数字段:</label>
						    <select name="paramField" class="ui search dropdown">
						      	<option value="0">默认</option>
						    </select>
						</div>
					</div>
					<!-- 业务对象-发送人 -->
					<div class="myitem hideDiv detailDiv">
		            	<div class="inline three fields">
							<div class="five wide field">
							    <label>方法:</label>
							    <select name="key" class="ui search dropdown wide">
							      	<option value="">请选择</option>
							      	<option value="0">(空)</option>
							      	<option value="CorpName">获取组织名称</option>
							      	<option value="Extattr">获取人员扩展属性1</option>
							      	<option value="MObilephone">获取人员移动电话号码</option>
							      	<option value="Firstname">获取人员姓氏</option>
							      	<option value="Gender">获取人员性别</option>
							      	<option value="Birthday">获取人员出生日期</option>
							      	<option value="Securitylevel">获取人员安全级别</option>
							      	<option value="Mainemail">获取人员常用EMAI</option>
							      	<option value="Lastname">获取人员名字</option>
							      	<option value="Duty">获取人员职务</option>
							      	<option value="Homeaddress">获取人员家庭住址</option>
							      	<option value="AdminLevel">获取人员级别</option>
							      	<option value="Workno">获取人员工号</option>
							      	<option value="Callname">获取人员称呼</option>
							      	<option value="Otheremail">获取人员备用EMAIL</option>
							      	<option value="Instantmessage">获取人员即时消息号</option>
							      	<option value="Name">获取人员姓名</option>
							      	<option value="Officeaddress">获取人员工作地点ID</option>
							      	<option value="Fixedphone">获取人员固定电话号码</option>
							    </select>
							</div>
		            		<div class="field">
							    <label>条件1:</label>
							    <select name="sign_one" class="ui search dropdown condition_sel">
							      	<option value="">请选择</option>
							    </select>
							</div>
							<div class="field">
							    <label>参考值1:</label>
							    <input type="text" name="displayValue_one" placeholder="参考值">
							</div>
		            	</div>
		            	<div class="inline three fields">
							<div class="five wide field">
							    <label>关系:</label>
							    <select name="fieldCondition_type" class="ui search dropdown">
							      	<option value="AND">并且</option>
							      	<option value="||">或者</option>
							    </select>
							</div>
		            		<div class="field">
							    <label>条件2:</label>
							    <select name="sign_two" class="ui search dropdown condition_sel">
							      	<option value="">请选择</option>
							    </select>
							</div>
							<div class="field">
							    <label>参考值2:</label>
							    <input type="text" name="displayValue_two" placeholder="参考值">
							</div>
		            	</div>
		            </div>

					<div class="fields">
						<div class="five wide field">
							<button class="ui positive basic mini button condition_addBtn"><i class="icon plus"></i> 增 加 条 件</button>
							<button class="ui negative basic mini button condition_removeBtn"><i class="icon remove"></i> 删 除 条 件</button>
							
						</div>
						<div class="ten wide field">
							<div class="two fields">
								<div class="seven wide field">
			            	   		<input type="text" name="beanConditions_type" placeholder="整体关系" readonly>			
			            	   	</div>
			            	   	<div class="field">
									<button class="ui facebook mini button relationshipPlaBtn"><i class="write icon"></i>关系设置</button>
			            	   	</div>
			            	</div>
						</div>
		            </div>
					<div class="ui divider hidden"></div>
			        <div class="ui grid conditionList2">
					  	<div class="computer only row">
					  		<div class="tablet computer column">
					  			<table class="ui blue sortable selectable fixed single line celled striped compact table">
					  				<thead>
										<tr>
											<th class="two wide">编号</th>
											<th class="two wide">业务对象</th>
											<th class="two wide">参数字段</th>
											<th class="two wide">方法</th>
											<th class="two wide">运算符1</th>
											<th class="two wide">参考值1</th>
											<th class="two wide">关系</th>
											<th class="two wide">运算符2</th>
											<th class="two wide">参考值2</th>
											<th class="two wide">返回类型</th>
										</tr>
									</thead>
									<tbody>
										
									</tbody>
								</table>
					  		</div>
					  	</div>
					</div>	
					
	            </div>
	            <!-- 条件设置-类型-条件 -->
	            <div class="myitem hideDiv conditionDiv">
	            	<div class="ui horizontal divider">字段条件</div>
	            	<div class="inline fields">
						<div class="five wide field">
						    <label>字段:</label>
						    <select name="key" class="ui search dropdown">
						      	<option value="">请选择</option>
						      	<option value="0">(空)</option>
						      	<option value="sourceReferenceId">sourceReferenceId</option>
						      	<option value="formId">formId</option>
						      	<option value="nextActivityName">nextActivityName</option>
						      	<option value="formType">formType</option>
						    </select>
						</div>
	            		<div class="five wide field">
						    <label>条件1:</label>
						    <select name="sign_one" class="ui search dropdown condition_sel">
						      	<option value="">请选择</option>
						    </select>
						</div>
						<div class="five wide field">
						    <label>参考值1:</label>
						    <input type="text" name="displayValue_one" placeholder="参考值">
						</div>
	            	</div>
	            	<div class="inline fields">
						<div class="five wide field">
						    <label>关系:</label>
						    <select name="fieldCondition_type" class="ui search dropdown">
						      	<option value="AND">并且</option>
						      	<option value="||">或者</option>
						    </select>
						</div>
	            		<div class="five wide field">
						    <label>条件2:</label>
						    <select name="sign_two" class="ui search dropdown condition_sel">
						      	<option value="">请选择</option>
						      	<option value="0">(空)</option>
						    </select>
						</div>
						<div class="five wide field">
						    <label>参考值2:</label>
						    <input type="text" name="displayValue_two" placeholder="参考值">
						</div>
	            	</div>
					<div class="inline fields">
						<div class="five wide field">
			            	<button class="ui positive basic mini button condition_addBtn"><i class="icon plus"></i> 增 加 条 件</button>
							<button class="ui negative basic mini button condition_removeBtn"><i class="icon remove"></i> 删 除 条 件</button>
						</div>
						<div class="five wide field">
						    <label>整体关系:</label>
						    <select name="fieldConditions_type" class="ui search dropdown">
						      	<option value="AND">并且</option>
						      	<option value="||">或者</option>
						    </select>
						</div>
					</div>
					<div class="ui divider hidden"></div>
			        <div class="ui grid conditionList">
					  	<div class="computer only row">
					  		<div class="tablet computer column">
					  			<table class="ui blue sortable selectable celled striped compact table">
					  				<thead>
										<tr>
											<th class="three wide">字段</th>
											<th class="three wide">条件1</th>
											<th class="three wide">参考值1</th>
											<th class="two wide">关系</th>
											<th class="three wide">条件2</th>
											<th class="three wide">参考值2</th>
											<th class="three wide">类型</th>
										</tr>
									</thead>
									<tbody>
										
									</tbody>
								</table>
					  		</div>
					  	</div>
					</div>
	            </div>
	            <!-- 条件设置-类型-用户自定义 -->
				<div class="myitem hideDiv userdefineDiv">
					<div class="inline fields">	
						<div class="five wide field">
						    <label>条件:</label>
						    <input name="condition_data" type="text" placeholder="条件">
						</div>
					</div>
	            </div>
	            <!-- 条件设置-类型-自定义转移 -->
				<div class="myitem hideDiv customDiv">
					<div class="ui form">
					  	<div class="field">
					  	  	<label>表达式：</label>
					  	  	<textarea></textarea>
					  	</div>
					</div>
	            </div>
			</div>
    	</div>
    	<div class="ui bottom attached tab segment" data-tab="four/c">
    		<div class="ui mini form">
				<div class="five wide field transitionEventType">
				    <label>任务委派规则:</label>
				    <select name="{{=selectId}}" class="ui dropdown">
					    <option value="">请选择...</option>
						{@each options as option,index}
							<option value="{{=option.value}}">{{=option.show}}</option>
						{@/each}
					</select>
				</div>
				<div class="five wide field">
				    <label>转移事件:</label>
				    <input type="text" name="transitionEvent" placeholder="转移事件">
				</div>
			</div>
    	</div>
	</script><!-- Transition转移属性tpl-end -->
	

	<script type="text/javascript" src="js/graphCommonEvent.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/flowchart.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/graphCreator.js" charset="utf-8"></script>
</body>
</html>
